var element = layui.element;
var form = layui.form;
var layer = layui.layer;
var laydate = layui.laydate;
var util = layui.util;
var upload = layui.upload;
var $ = layui.$;
let filedata ={savePath:''}
 //富文本
// const E = window.wangEditor
const editor = new wangEditor("#richtxt")
// 或者 const editor = new E(document.getElementById('div1'))
editor.config.zIndex = 500;
editor.create()

// if(localStorage.getItem('savedata')){
//   const data = JSON.parse(localStorage.getItem('savedata'))
//   $('[name="lovenum"]').val(data.lovenum)
//   $(`.${data.cateid}`).prop('checked',true)
//   form.render('radio')
//   form.val('val-filter',data)
//   editor.txt.html(data.content)
//   $('[name="desc"]').val(data.descrition)
//   $('[name="key"]').val(data.keywords)
//   $('#ID-upload-demo-img').prop('src','http://124.223.14.236:8060/'+data.pic)
// }
// tab 切换事件
// element.on('tab(filter)', function(data){
//   console.log(this); // 当前 tab 标题所在的原始 DOM 元素
//   console.log(data.index); // 得到当前 tab 项的所在下标
//   console.log(data.elem); // 得到当前的 tab 容器
// });
layui.use(['form', 'laydate', 'util'], function(){

  var uploadInst = upload.render({
    elem: '#ID-upload-demo-btn',
    url: 'http://124.223.14.236:8060/', // 此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
    before: function(obj){
      // 预读本地文件示例，不支持ie8
      obj.preview(function(index, file, result){
        console.log(file);
        const formdata = new FormData()
        formdata.append('file',file)
        axios.post('/common/upload?type=images',formdata)
        .then(({data:{data}}) => {
          console.log(data);
          filedata=data
          // $('[name="file"]').val(res.data.data)
          $('#ID-upload-demo-img').attr('src', `http://124.223.14.236:8060/${data.savePath}`)
          
        })

        
      });
      
      element.progress('filter-demo', '0%'); // 进度条复位
      layer.msg('上传中', {icon: 16, time: 0});
    },
    done: function(res){
      // 若上传失败
      if(res.code > 0){
        return layer.msg('上传失败');
      }
      // 上传成功的一些操作
      // …
      
     
    },
  
    error: function(){
      // 演示失败状态，并实现重传
      var demoText = $('#ID-upload-demo-text');
      demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
      demoText.find('.demo-reload').on('click', function(){
        uploadInst.upload();
      });
    },
    // 进度条
    progress: function(n, elem, e){
      element.progress('filter-demo', n + '%'); // 可配合 layui 进度条元素使用
      if(n == 100){
        layer.msg('上传完毕', {icon: 1});
      }
    }
  });
 
  // 自定义验证规则
  
  
  // 指定开关事件
  form.on('switch(switchTest)', function(data){
  
   
  });
  
  // 提交事件

  
  // 日期
  laydate.render({
    elem: '#date'
  });
  
  // 普通事件
  util.on('lay-on', {
    // 获取验证码
    "get-vercode": function(othis){
      var isvalid = form.validate('.demo-phone'); // 主动触发验证，v2.7.0 新增 
      // 验证通过
      if(isvalid){
        layer.msg('手机号规则验证通过');
        // 此处可继续书写「发送验证码」等后续逻辑
        // …
      }
    }
  });
});


// 加减
const incBtn = $(".inc");
const decBtn = $(".dec");
const numInput = $(".num");
// 绑定加号的click事件
incBtn.on("click", function () {
  numInput.val(parseInt(numInput.val()) + 1); // 数量加1
});
// 绑定减号的click事件
decBtn.on("click", function () {
  let num = parseInt(numInput.val());
  num = num > 1 ? num - 1 : 1; // 数量减1，不小于1
  numInput.val(num);
});
axios.get('ydd_tag/all')
.then(({data:{data}})=> {
  console.log(data);
 const tagdata= data.map(item=>{
    return ` <input type="checkbox" name='${item.tagname}'  title="${item.tagname}">
    <div class=" layui-unselect layui-form-checkbox" lay-skin="primary">
  <div>${item.tagname}</div>
  <i class="layui-icon layui-icon-ok"></i>
</div>
    `
  }).join(``)
  $('.checkboxs').append(tagdata)
  layui.form.render('checkbox');

})
axios.get('ydd_cate/all').then(({data:{data}})=>{
  console.log(data);
  const catedata = data.map(item=>{
    return ` <option value="${item.id}">${item.catename}</option>`
  }).join(``)
    $('[name="cateid"]').append(catedata)
    layui.form.render('select');
})
//发布
$('.publish-lj').on('click',function(){
const formdata = form.val('val-filter');
formdata.create_date = Date.parse(formdata.create_date)
isNaN(formdata.create_date)?formdata.create_date = '':formdata.create_date
formdata.content = editor.txt.html()
formdata.cateid=formdata.cateid?formdata.cateid:''
formdata.ishot= formdata.ishot ? 1 : 0
formdata.istop= formdata.istop ? 1 : 0
formdata.descrition = $('[name="desc"]').val()
formdata.keywords = $('[name="key"]').val()
formdata.status = '2'
if (formdata.file===''||formdata.file) {
  delete formdata.file;
}

formdata.pic = filedata.savePath
console.log(formdata);
axios.post('ydd_article/add',formdata)
.then(res => {
  console.log(res)
  layer.msg('发表成功，即将跳转文章页面')
  localStorage.removeItem('savedata')
  setTimeout(function(){
    location.href='./article.html'
  },2000)
})
.catch(err => {
  layer.msg('请填写完整')
})
})
$('.save-lj').on('click',function(){
console.log(filedata);
})
$('.back-lj').on('click',function(){
  location.href='./article.html'
})
//保存草稿
// $('.save-lj').on('click',function(){
// const savedata = form.val('val-filter');
// localStorage.setItem('savedata',JSON.stringify(savedata))

// })
